<template>
  <div class="inside-page">
    <div class="content">
      <p v-if="joinList.length>0" class="detail-title">已报名双选会</p>
      <Is-Apply :list="joinList" />
      <p v-if="selectList.length>0" class="detail-title">可报名双选会</p>
      <Can-Apply :list="selectList" />
    </div>
  </div>
</template>

<script>

import IsApply from '@/components/Apply/Is-Apply'
import CanApply from '@/components/Apply/Can-Apply'
import { joinList } from '@/api/choice'
export default {
  asyncData: ({ req }) => ({
  }),
  components: { IsApply, CanApply },
  data () {
    return {
      online: null,
      total: 0,
      pageNo: 1,
      isChooseList: [
        { id: 'item0', state: 1, online: false, address: '四川大学望江校区基教楼201', school: '四双大学2021秋季双选会', main: '大学学生就业指导与服务中心', company: 72, pos: 315, startTime: '2021年4月30日', endTime: '2021年5月30日' },
        { id: 'item1', state: 2, online: false, address: '四川大学望江校区基教楼201', school: '四双大学2021秋季双选会', main: '大学学生就业指导与服务中心', company: 72, pos: 315, startTime: '2021年4月30日', endTime: '2021年5月30日' },
        { id: 'item2', state: 3, online: false, address: '四川大学望江校区基教楼201', school: '四双大学2021秋季双选会', main: '大学学生就业指导与服务中心', company: 72, pos: 315, startTime: '2021年4月30日', endTime: '2021年5月30日' },
        { id: 'item3', state: 4, online: true, address: '四川大学望江校区基教楼201', school: '四双大学2021秋季双选会', main: '大学学生就业指导与服务中心', company: 72, pos: 315, startTime: '2021年4月30日', endTime: '2021年5月30日' },
        { id: 'item4', state: 5, online: true, address: '四川大学望江校区基教楼201', school: '四双大学2021秋季双选会', main: '大学学生就业指导与服务中心', company: 72, pos: 315, startTime: '2021年4月30日', endTime: '2021年5月30日' },
      ],
      joinList: [],
      selectList: []
    }
  },
  head () {
    return {
      titleTemplate: (titleChunk) => {
        return `${titleChunk} - 大学生找工作、找实习`;
      }
    }
  },
  created () {
    this.fetchData();
  },
  mounted () {
  },
  watch: {

  },
  computed: {

  },
  methods: {
    jumpTo (obj) {
      this.$router.push({
        path: '/company/detail',
        query: { id: obj.id }
      })
    },
    handleCurrentChange (val) {
      this.pageNo = val;
      this.fetchData();
    },
    async fetchData () {
      await joinList({
      }).then(res => {
        if (res.code === 200) {
          this.joinList = res.data.joinList || [];
          this.selectList = res.data.selectList || [];
        } else {
          this.$message.error(res.msg || '网络错误!')
        }
      }).catch(err => {
        this.$message.error(err || '网络错误!')
      })
    }
  },
}
</script>

<style lang="scss" scoped>
.inside-page {
  width: 100%;
  position: relative;
  .detail-title {
    margin-bottom: 20px;
  }
}
</style>
